<div itemscope itemtype="http://schema.org/Course">
  <h2 itemprop="name">关键渲染路径</h2>
  <a href="https://www.udacity.com/course/website-performance-optimization--ud884">
    <img src="/web/shows/udacity/img/ud884.jpg" class="attempt-right" itemprop="image">
  </a>
  <p>
    你将通过详细了解移动浏览器和桌面浏览器如何渲染页面，学习如何提高任何网站的速度。
  </p>
  <p itemprop="description">
    在这一简短的课程中，你将学习关键渲染路径，也就是浏览器将 HTML、CSS 和 JavaScript 转换成实际运作的网站必须采取的一系列步骤。
    接着，你将利用工具来衡量性能，并运用简单的策略尽快向屏幕中渲染画面。
    你将学习如何利用 Google Chrome 的开发者工具—— PageSpeed Insights 和时间表视图，找到所需的数据并立即提高性能！
  </p>
  <p>
    这个免费的课程可以在
    <span itemprop="Provider">
      <span itemscope itemtype="http://schema.org/Organization">
        <a href="https://www.udacity.com" itemprop="sameAs">
          <span itemprop="name">Udacity</span>
        </a>
      </span>
    </span>
    找到
  </p>
  <a href="https://www.udacity.com/course/website-performance-optimization--ud884" class="external">参加课程</a>
</div>
<div style="clear:both;"></div>
